<{include file="block/header_case.html"}>
<!--面包屑导航开始-->
<div class="main_topnav mb20">
	<div class="mainwd">
		<p><span class="ico_list breadna"></span>您的位置：<a href="<{link ctl='index'}>"><{$CONFIG.site.title}></a>
			><a href="<{link ctl='case:items'}>">装修案例</a>
		</p>
	</div>
</div>
<!--面包屑导航结束-->
<div class="mainwd">
	<!--主体内容开始-->
	<div class="mb20 pding area choose_option">
		<table>
            <{foreach $attr_values as $v}>
            <tr>
                <td class="tit"><{$v.title}>:</td>
                <td><a href="<{$v.link}>" class="<{if $v.checked == true}> current<{/if}>">不限 </a>                  
                <{foreach $v.values as $vv}>
                <a href="<{$vv.link}>" class="<{if $vv.checked ==true}>current<{/if}>"><{$vv.title}></a>
                <{/foreach}>
                </td>
            </tr>
            <{/foreach}>
		</table>
	</div>
	<div class="mb10">
		<div class="sort_box">
			<p class="sort_list hoverno">
                <span class="lt">
                    <{foreach $order_list as $k=>$v}>
                    <a href="<{$v.link}>"><{$v.title}><span class="<{if $pager.order==$k}>sort_ico ico_list sort_on_ico<{else}>sort_ico ico_list<{/if}>"></span></a>
                    <{/foreach}>
                </span> 
                <!--span class="rt">
                <a href="<{link ctl='case:album'}>" title="专辑模式"  class="on" ><font class="ico_list li_on"></font></a>
				<a href="<{link ctl='case:items'}>"  title="列表模式"><font class="ico_list block_over"></font></a>
				</span-->
			</p>
		</div>
	</div>
	
</div>
<!--瀑布流开始-->
<div class="demo clearfix">			
	<div class="item_list infinite_scroll">
    	<{foreach $items as $item}>          
        <div class="item masonry_brick">        
            <{if $item.lastphotos}>
                 <{foreach from=$item.lastphotos key=key item=item2}>
                    <{if $item2@index == 0}>
                 <div class="item_t">
				   <div class="img"><a href="<{link ctl='case:detail' arg0=$item.case_id}>"  target="_blank"><img width="210" src="<{$pager.img}>/<{$photos[$item2].photo}>_thumb.jpg" /></a>
				   <span class="price">图片数量：<{$item.photos}>张</span>
					<div class="btns">
						<a href="<{link ctl='case:detail' arg0=$item.case_id}>" class="img_album_btn">委托设计</a>
					</div>
				   </div>
                    <div class="title"><span><{$item.title|cutstr:25}></span></div>

                 </div>
				 <div class="item_b clearfix">
				<div class="items_likes fl">
					<a like="<{$detail.case_id}>" class="like_btn"></a>
					<em class="bold"><{$item.likes}></em>
				</div>
				<div class="items_comment fr">浏览数：<em class="bold">(<{$item.views}>)</em></div>
			</div>
                    <{/if}>
                 <{/foreach}>
            <{/if}>               
           
           
          
        </div>
        <{/foreach}>
	</div>
</div>
</div>

<!--分页开始-->
<div id="more"><a href="page/2.html"></a></div>
					
	<div id="page" class="page" style="display:none;">
		<{if $pager.pagebar}><div class="page hoverno"><{$pager.pagebar}></div><{/if}>
	</div>
<!--分页结束-->

</div>
<!--瀑布流结束-->
<script type="text/javascript">
(function(K, $){
$("#QRimg").qrcode({width:80,height:80,correctLevel:0,text:"<{$mobile_url}>"}); 	
	
$(".coDe ").mouseover(function(){
	$(this).find(".show").show();
}).mouseleave(function(){
	$(this).find(".show").hide();
});
$(document).ready(function(){Galleria.run('#galleria');});
$("[like]").click(function(){
    var case_id = $(this).attr("like");
    $.getJSON("<{link ctl='case:like' arg0=$detail.case_id}>", function(ret){
        if(ret.error){
            Widget.MsgBox.error(ret.message.join(","));
        }else{
            Widget.MsgBox.success(ret.message.join(","));
        }
    });
});
})(window.KT, window.jQuery);
    
</script>
<{include file="block/footer_case.html"}>
